<template>
  <div>
    <el-row>
      <el-col :span="12" style="text-align: center">
        <h1>选择三相电压通道</h1>
        <div class="select-item">
            <span>Ua：</span>
            <el-select v-model="select.ua" class="m-2" placeholder="Select" size="large">
                <el-option label="选项1" value="1"></el-option>
                <el-option label="选项2" value="2"></el-option>
                <el-option label="选项3" value="3"></el-option>
            </el-select>
        </div>
        <div class="select-item">
            <span>Ub：</span>
            <el-select v-model="select.ub" class="m-2" placeholder="Select" size="large">
                <el-option label="选项1" value="1"></el-option>
                <el-option label="选项2" value="2"></el-option>
                <el-option label="选项3" value="3"></el-option>
            </el-select>
        </div>
        <div class="select-item">
            <span>Uc：</span>
            <el-select v-model="select.uc" class="m-2" placeholder="Select" size="large">
                <el-option label="选项1" value="1"></el-option>
                <el-option label="选项2" value="2"></el-option>
                <el-option label="选项3" value="3"></el-option>
            </el-select>
        </div>
        
      </el-col>
      <el-col :span="12" style="text-align: center">
        <h1>选择第一组三相电流通道</h1>
        <div class="select-item">
            <span>La：</span>
            <el-select v-model="select.ia" class="m-2" placeholder="Select" size="large">
                <el-option label="选项1" value="1"></el-option>
                <el-option label="选项2" value="2"></el-option>
                <el-option label="选项3" value="3"></el-option>
            </el-select>
        </div>
        <div class="select-item">
            <span>Lb：</span>
            <el-select v-model="select.ib" class="m-2" placeholder="Select" size="large">
                <el-option label="选项1" value="1"></el-option>
                <el-option label="选项2" value="2"></el-option>
                <el-option label="选项3" value="3"></el-option>
            </el-select>
        </div>
        <div class="select-item">
            <span>Lc：</span>
            <el-select v-model="select.ic" class="m-2" placeholder="Select" size="large">
                <el-option label="选项1" value="1"></el-option>
                <el-option label="选项2" value="2"></el-option>
                <el-option label="选项3" value="3"></el-option>
            </el-select>
        </div>
        
      </el-col>

    </el-row>
    <el-row>
      <el-col :span="12" style="text-align: center">
        <h1>选择第二组三相电压通道</h1>
        <div class="select-item">
            <span>La：</span>
            <el-select v-model="select.ua1" class="m-2" placeholder="Select" size="large">
                <el-option label="选项1" value="1"></el-option>
                <el-option label="选项2" value="2"></el-option>
                <el-option label="选项3" value="3"></el-option>
            </el-select>
        </div>
        <div class="select-item">
            <span>Lb：</span>
            <el-select v-model="select.ub1" class="m-2" placeholder="Select" size="large">
                <el-option label="选项1" value="1"></el-option>
                <el-option label="选项2" value="2"></el-option>
                <el-option label="选项3" value="3"></el-option>
            </el-select>
        </div>
        <div class="select-item">
            <span>Lc：</span>
            <el-select v-model="select.uc1" class="m-2" placeholder="Select" size="large">
                <el-option label="选项1" value="1"></el-option>
                <el-option label="选项2" value="2"></el-option>
                <el-option label="选项3" value="3"></el-option>
            </el-select>
        </div>
        
      </el-col>
      <el-col :span="12" style="text-align: center">
        <h1>选择第三组三相电流通道</h1>
        <div class="select-item">
            <span>La：</span>
            <el-select v-model="select.ia2" class="m-2" placeholder="Select" size="large">
                <el-option label="选项1" value="1"></el-option>
                <el-option label="选项2" value="2"></el-option>
                <el-option label="选项3" value="3"></el-option>
            </el-select>
        </div>
        <div class="select-item">
            <span>Lb：</span>
            <el-select v-model="select.ib2" class="m-2" placeholder="Select" size="large">
                <el-option label="选项1" value="1"></el-option>
                <el-option label="选项2" value="2"></el-option>
                <el-option label="选项3" value="3"></el-option>
            </el-select>
        </div>
        <div class="select-item">
            <span>Lc：</span>
            <el-select v-model="select.uc2" class="m-2" placeholder="Select" size="large">
                <el-option label="选项1" value="1"></el-option>
                <el-option label="选项2" value="2"></el-option>
                <el-option label="选项3" value="3"></el-option>
            </el-select>
        </div>
        
      </el-col>


    </el-row>
    <el-row>
        <el-col :span="20" :offset="4">
            <el-checkbox-group v-model="checkList">
                <el-checkbox label="总功率" />
                <el-checkbox label="A相功率" />
                <el-checkbox label="B相功率" />
                <el-checkbox label="C相功率" />
                <el-checkbox label="有功率P" />
                <el-checkbox label="无功率Q" />
                <el-checkbox label="视在功率S" />
            </el-checkbox-group>
        </el-col>
        <el-col :span="4" :offset="20">
            <el-button @click="$emit('saved')" size="large" type="primary">确定</el-button>
        </el-col>
    </el-row>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import Analysis from "../components/analysis.vue";

const checkList = ref([])
const select = ref({
    ua: undefined,
    ub: undefined,
    uc: undefined,
    ia: undefined,
    ib: undefined,
    ic: undefined,
    ia2: undefined,
    ib2: undefined,
    ic2: undefined,
    ia3: undefined,
    ib3: undefined,
    ic3: undefined,
});
</script>

<style scoped>
.select-item {
    margin: 20px 0 20px;
}
</style>
